@import '@/assets/styles/hairline.scss';

.root {
  :global {
    .iconfanhui {
      font-size: 20px;
    }

    .content {
      padding: 0 32px;

      h3 {
        padding: 30px 0;
        font-size: 24px;
      }

      .input-item {
        position: relative;

        &:first-child {
          margin-bottom: 17px;
        }

        .input-box {
          position: relative;
          @include hairline(bottom, #efefef);

          .input {
            width: 100%;
            height: 58px;
            padding: 0;
            font-size: 16px;

            &::placeholder {
              color: #a5a6ab;
            }
          }

          .extra {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -8px;
            color: #999;
          }

          .validate {
            position: absolute;
            color: #ee0a24;
            font-size: 12px;
          }
        }
      }

      .login-btn {
        width: 100%;
        height: 50px;
        margin-top: 38px;
        border-radius: 8px;
        border: 0;
        color: #fff;
        background: linear-gradient(315deg, #fe4f4f, #fc6627);

        // 按钮禁用效果
        &[disabled] {
          background: linear-gradient(315deg, #ff9999, #ffa179);
        }
      }
    }
  }
}
